<!DOCTYPE HTML>
<html>
<head>
<title>Contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js"> </script>
<!--webfonts-->
<link href='http://fonts.useso.com/css?family=Raleway:400,100,200,300,500,600,700|Cinzel+Decorative:400,700' rel='stylesheet' type='text/css'>
<!--//webfonts-->
</head>
<body> 
<!--start-home-->
<div class="full"> <span class="menu"></span>
    <div class="navbar"> <a class="menu" href="#"><i class="icon-align-justify"></i></a> <a class="link hme" href="index.html"> <span class="active"><span class="valign"><span class="vertical">HOME</span></span></span> <span class="hover"><span class="valign"><span class="vertical">HOME</span></span></span> </a> <a class="link abt" href="about.html"> <span class="active"><span class="valign"><span class="vertical">ABOUT</span></span></span> <span class="hover"><span class="valign"><span class="vertical">ABOUT</span></span></span> </a> <a class="link tdz" href="trendz.html"> <span class="active"><span class="valign"><span class="vertical">TRENDz</span></span></span> <span class="hover"><span class="valign"><span class="vertical">TRENDz</span></span></span> </a> <a class="link" href="designers.html"> <span class="active"><span class="valign"><span class="vertical">DESIGNERS</span></span></span> <span class="hover"><span class="valign"><span class="vertical">DESIGNERS</span></span></span> </a> <a class="link con" href="contact.html"> <span class="active"><span class="valign"><span class="vertical">CONTACT</span></span></span> <span class="hover"><span class="valign"><span class="vertical">CONTACT</span></span></span> </a> </div>
    <!-- script for menu --> 
    <script>
		$( "span.menu" ).click(function() {
		  $( ".navbar" ).slideToggle( "slow", function() {
			// Animation complete.
		  });
		});
	</script> 
    <!--main-->
    <div class="main">
        <div id="home" class="header two">
            <div class="header-top">
                <div class="container">
                    <div class="logo two"> <a href="index.html">
                        <h1>New <br>
                            <span>TrendZ</span></h1>
                        </a> </div>
                </div>
            </div>
        </div>
        <div class="contact">
            <div class="second-head">
                <h3>Contact</h3>
                <p>Duis autem vel eum iriure dolor in hendrerit,Ut wisi enim ad minim veniam, quis nostrud.We Provide Worlds top fashion for less fashionpress.</p>
            </div>
            <div class="contact-form">
                <div class="col-md-6 contact-grid">
                    <h3>contact form</h3>
                    <form>
                        <p class="your-para">Your mail:</p>
                        <input type="text" value="" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">
                        <p class="your-para">Your mail:</p>
                        <input type="text" value="" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">
                        <p class="your-para">Your phone number:</p>
                        <input type="text" value="" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">
                        <p class="your-para">Your message:</p>
                        <textarea cols="77" rows="6" value=" " onfocus="this.value='';" onblur="if (this.value == '') {this.value = '';}"></textarea>
                        <div class="send">
                            <input type="submit" value="Send" >
                        </div>
                    </form>
                </div>
                <div class="col-md-6 contact-in">
                    <h3>contact information</h3>
                    <p class="sed-para"> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor.</p>
                    <p class="para1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. </p>
                    <div class="more-address">
                        <div class="address-more">
                            <p>My company name,</p>
                            <p>Lorem ipsum dolor,</p>
                            <p>Jasmin Dr 40 Fe 72. </p>
                        </div>
                        <div class="address-left">
                            <p>Tel:1115550001</p>
                            <p>Fax:190-4509-494</p>
                            <p><a href="mailto:info@example.com">mail@example.com</a></p>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
        <!--/start-footer-section-->
        <div class="footer-section">
            <div class="footer-grids">
                <div class="col-md-3 footer-grid">
                    <h4>About</h4>
                    <div class="border2"></div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>
                    <p class="sub">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>
                </div>
                <div class="col-md-3 footer-grid tags">
                    <h4>the tags</h4>
                    <div class="border2"></div>
                    <ul class="tag">
                        <li><a href="#">Model</a></li>
                        <li><a href="#">Awesome</a></li>
                        <li><a href="#">Model</a></li>
                        <li><a href="#">Photography</a></li>
                        <li><a href="#">Model</a></li>
                        <li><a href="#">Awesome</a></li>
                        <li><a href="#">Model</a></li>
                        <li><a href="#">Model</a></li>
                        <li><a href="#">Awesome</a></li>
                        <li><a href="#">Model</a></li>
                    </ul>
                </div>
                <div class="col-md-3 footer-grid tweet">
                    <h4>latest tweets</h4>
                    <div class="border2"></div>
                    <div class="icon-3-square"> <a href="#"><i class="square-3"></i></a> </div>
                    <div class="icon-text">
                        <p>I like this Lorem ipsum dolor sit amet <a href="mailto:info@example.com">mail@example.com</a></p>
                        <h5>About 15 mins</h5>
                    </div>
                    <div class="clearfix"></div>
                    <div class="icon-3-square"> <a href="#"><i class="square-3"></i></a> </div>
                    <div class="icon-text">
                        <p>I like this Lorem ipsum dolor sit amet <a href="mailto:info@example.com">mail@example.com</a></p>
                        <h5>About 30 mins</h5>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="col-md-3 footer-grid flickr">
                    <h4>flickr feed</h4>
                    <div class="border2"></div>
                    <div class="flickr-grids">
                        <div class="flickr-grid"> <a href="#"><img src="images/t3.jpg" alt=""/></a> </div>
                        <div class="flickr-grid"> <a href="#"><img src="images/t2.jpg" alt=""/></a> </div>
                        <div class="flickr-grid"> <a href="#"><img src="images/t2.jpg" alt=""/></a> </div>
                        <div class="clearfix"> </div>
                        <div class="flickr-grid"> <a href="#"><img src="images/t5.jpg" alt=""/></a> </div>
                        <div class="flickr-grid"> <a href="#"><img src="images/t3.jpg" alt=""/></a> </div>
                        <div class="flickr-grid"> <a href="#"><img src="images/t5.jpg" alt=""/></a> </div>
                        <div class="clearfix"> </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!--//end-footer-section--> 
        <!--/start-copyright-section-->
        <div class="copyright">
            <p class="write">Copyright &copy; 2017.Company name All rights reserved.</p>
        </div>
    </div>
</div>
<!--start-smoth-scrolling--> 
<script type="text/javascript">
jQuery(document).ready(function($) {
	$(".scroll").click(function(event){		
		event.preventDefault();
		$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
	});
});
</script> 
<!--start-smoth-scrolling--> 
<script type="text/javascript">
	$(document).ready(function() {
		$().UItoTop({ easingType: 'easeOutQuart' });
	});
</script> 
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>